<!DOCTYPE html>
<html>
<head>
  <title>Demo: Object</title>
  <link rel="stylesheet" href="demo.css"/>
  <script type="text/javascript" src="../compile/unminified/svg-morpheus.js"></script>
  <script type="text/javascript" src="demo.js"></script>
</head>
<body>
  <div id="heading">
    <h1>SVG Morpheus</h1>
    <h2>Demo: SVG placed via &lt;Object&gt;</h2>
  </div>
  <object data="iconset.svg" type="image/svg+xml" id="icon"></object>
  <div id="options">
    <div class="option">
      <label for="selIcon">Icon:</label>
      <select id="selIcon"></select>
    </div>
    <div class="option">
      <label for="selEasing">Easing:</label>
      <select id="selEasing"></select>
    </div>
    <div class="option">
      <label for="selDuration">Duration:</label>
      <select id="selDuration"></select>
    </div>
    <div class="option">
      <label for="selRotation">Rotation:</label>
      <select id="selRotation"></select>
    </div>
  </div>
</body>
</html>